草庐IT

HTML + CSS - 重叠标题图像

全部标签

javascript - 根据父 div 大小按比例调整图像大小

我正在使用完整的浏览器宽度高度jqueryblockUI来显示从图库中选择的图像。下图是blockUI中的View方案。基本上,侧blockUI中的View将宽度和高度设置为100%。里面还有两个div。右侧的宽度设置为View的80%,并且包含图像。图像的宽度和高度设置为100%(但我知道这是错误的)。我在这里显示的图片是用户上传的原始尺寸的图片。但是如果显示器是1024x768并且上传的图像是600x1900我不知道该图像从屏幕上消失是什么。那么我该如何解决这个问题以居中并按比例显示该图像? 最佳答案 使用max-width和m

javascript - 拖动图像以调整位置,就像在 Facebook 缩略图个人资料图片中一样

在facebook中,缩略图会遗漏整张图片的某些部分,我们可以移动它,以便我们可以将缩略图调整到适合的位置,如何使用网络技术做到这一点。在示例中,我们可以拖动图片来移动缩略图的位置。 最佳答案 我一直在寻找一种完全相同的插件,找不到,所以我写了一个:)。看看这个。它非常基础,功能不多,但仍然有用。用好它,传播它,也相信我;).编辑:2013年12月22日我注意到使用百分比的版本没有按预期工作。链接现已更新。我还添加了一个X轴版本JSFiddle(Y-Axis)JSFiddle(X-Axis)

javascript - 检查字符串是否包含任何图像标签的最简单方法是什么?

例如我有文本:"testestestestttestestestes"我想写一个函数来检查字符串中是否是img标签并返回true 最佳答案 使用正则表达式:"testestestestttestestestes".match(/ 关于javascript-检查字符串是否包含任何图像标签的最简单方法是什么?,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/14202976/

javascript - 获取内容脚本以在页面加载时附加图像

我刚刚开始学习如何为谷歌浏览器制作扩展程序。到目前为止,我有一个非常基本的了解,所以我想尝试一些小的东西。现在我正试图在每次加载该页面时将图像附加到特定页面上的特定div。扩展加载正常,但javascript代码似乎永远不会运行,图像也永远不会加载。这是我目前拥有的manifest.json文件:{"manifest_version":2,"name":"IconCreator","description":"Createsacustomiconforpage","version":"1.0","content_scripts":[{"matches":["file:///home/t

css - 当没有打开 Javascript 时。还有什么解决办法?

我正在做一个网站。我有一张图片,我在CSS中将其设置为display:none。我使用JavaScript来显示它并在页面加载完成后将其滑入。它运行良好。我想在禁用JS的情况下启动网站,看看会发生什么。我重新加载了网页,但图像根本没有显示。这是正常的,因为它已在CSS中设置为display:none。这是我的问题:解决这个问题的方法是什么?我想要一种情况,即使在浏览器中禁用了JS,用户仍然可以看到图像。此时我不希望图像滑入,但我希望它像网页上的任何其他内容一样加载和显示。 最佳答案 您可以检测JS是否已启用(一些类似Moderniz

javascript - 为什么不能使用 "switch"技术从 HTML 更改范围值?

我有简单的Controller代码:JS$scope.showErrorAlert=false;$scope.switchBool=function(value){value=!value;};HTML×Error!{{errorTextAlert}}从代码片段中您可以看到我尝试更改$scope.showErrorAlert值。但是它不起作用,value发生了变化,但showErrorAlert没有变化。有人能告诉我为什么以及如何让它工作吗?谢谢 最佳答案 JS按值传递参数。通过引用传递的一个简单替代方法是传递一个对象(而不是属性本

javascript - 如何防止 <img> 标签加载其图像?

我有以下脚本,它采用带有html信息的字符串(还包含对图像的引用)。当我创建DOM元素时,浏览器正在下载图像的内容。我想知道是否有可能停止这个Beauvoir并暂时阻止加载。我的目标是web-kit和presto浏览器。relativeToAbosluteImgUrls:function(html,absoluteUrl){vartempDom=document.createElement('div');debuggertempDom.innerHTML=html;varimgs=tempDom.getElementsByTagName('img'),i=imgs.length;whi

javascript - Cordova 图像选择器转换为 base64

我无法将图像转换为已使用ngCordovaimagePicker选择的base64格式.为简单起见,Cordova站点上提供的代码(有效)是这样的:module.controller('ThisCtrl',function($scope,$cordovaImagePicker){varoptions={maximumImagesCount:10,width:800,height:800,quality:80};$cordovaImagePicker.getPictures(options).then(function(results){for(vari=0;i结果数组返回一个结果数组,

javascript - 如何在考虑 html 标签规则的 JavaScript 中创建打字机效果?

假设我有一些来自div标签的文本,如下所示:Thisissomecoolcontent...现在,如果我愿意,我可以创建一个JavaScript函数,一次打印一个字符,它会工作得很好。示例如下。functionprintSentence(inner,outer,index,speed){varinput=document.getElementById(inner).innerHTML;vartimer=setInterval(function(){document.getElementById(outer).innerHTML+=input.charAt(index);index++;

javascript - HTML5 video.play 返回未决 promise

我正在尝试确定浏览器是否支持加载时自动播放。我正在使用以下代码,它在Androidchrome上运行良好,但对于桌面版Chrome,.catch或.then中的任何行都不会执行。promise似乎只是无限地返回Pendingpromises。这是一个真正的Chrome错误还是我不理解Promises在这里是如何工作的?constpromise=document.createElement('video').play();if(promiseinstanceofPromise){ promise.catch((error)=>{ //Checkifitistherighterror